/*
公共样式 class
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

body {
  background-color: #f7f8fa;
  height: 100%;
}

// flex + 分布在两边
.flex_between {
  display: flex;
  justify-content: space-between;
}

// 菜单悬浮 进度条效果
.menu_hover {
  position: relative;

  &::before {
    content: '';
    transition: all 1s ease;
    width: 0;
  }

  &:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3c4144;
  }
}

// 页面容器
.page-container {
  width: 100%;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  min-height: 535px;
}

.in-container {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
  background-color: white;
  padding: 8px;
}

.el-tree-node__content {
  height: 40px !important;
}

.el-dialog__header {
  padding-top: 10px;
  .el-dialog__headerbtn {
    top: -4px;
  }
}

.el-dialog__headerbtn {
  top: -1px;
}

.el-dialog__title {
  font-size: 16px;
}

.el-dialog__body {
  padding: 16px;
}

.el-dialog__footer {
  padding-bottom: 10px;
}

.el-col {
  height: 100%;
}

.menuTreeBox {
  height: 100%;
  display: flex !important;
  align-items: center !important;

  i * {
    vertical-align: top;
  }

  span {
    margin-left: 8px;
  }
}

.el-table {
  .el-table__header-wrapper th {
    background-color: #f7f8fa;
  }
}

.el-table__body tr.current-row > td {
  background-color: #d8ebff !important;
}

.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  position: static;
  margin-left: -11px;
}

.el-menu--collapse span {
  display: none;
}

// .el-form{
//   .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before{
//     position: static;
//     margin-left: 0;
//   }
// }

::-webkit-scrollbar {
  width: 6px;
  /* 滚动条宽度 */
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* 滚动条轨道的背景色 */
}

::-webkit-scrollbar-thumb {
  background-color: #888;
  /* 滚动条手柄的背景色 */
  border-radius: 6px;
  /* 滚动条手柄的圆角 */
}

/* 鼠标悬停时滚动条手柄的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.comments-401-warning {
  .el-badge__content--warning {
    display: none;
  }
}

.vex-table-primary{
  :deep( .vxe-table--render-default .vxe-header--column:not(.col--ellipsis)){
    padding: 3px;
  }
  :deep(.vxe-cell--title){
    line-height: 23px;
    color: #909399;
  }
  :deep(.vxe-list-table .vxe-cell){
    height: auto;
  }
  :deep(.vxe-table--render-default .vxe-body--column.col--ellipsis){
    height: 32px;
  }
}

.el-dialog {
  padding: 0 0;
}

.el-dialog__header {
  border-bottom: 1px solid #e8e8e8;
  padding: 7px 12px;
  font-family: 800;
}

.el-dialog__footer {
  border-top: 1px solid #e8e8e8;
  padding: 8px 0;
  text-align: center;
}
